<template>
  <div class="app">
  <drop-loader :loadUp="load" :loadDown = 'load'>
    <template scope="props">
      <item :movie="props.item"></item>
    </template>
  </drop-loader>
  </div>
</template>

<script>
    import dropLoader from '../DropLoader'
    import item from '../Item.vue'
    import {getInTheaters, getCommingSoon} from 'src/api/index.js'

    export default {
        components:{'drop-loader': dropLoader, item},
        data:function () {
            return {
                load: function () {
                    return getInTheaters();
                }
            }
        },
        computed: {
        },

        methods: {
        }
    }
</script>

<style scoped>
  .app{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
</style>